<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../../lib/jQuery-3.6.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../../css/qian/jiemian.css"/>
		<script src="../../lib/all.js"></script>
		<script src="../../js/qian/potato.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/qian/potato2.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/qian/yr.js"></script>
		
	</head>
	<body>
		<div class="box">
			<div class="nav"></div>
			<div class="section">
				<div class="box1">
					<div class="box2"></div>
					<div class="box3"></div>
					<div class="box4"></div>
					<div class="box6" >
						动产动态
					</div>
					<div class="lunbo">
								   <div id="lunbo2">
								       <img src="../../images/qian/jiemian/001.jpg" alt="">
								       <img src="../../images/qian/jiemian/002.jpg" alt="">
								       <img src="../../images/qian/jiemian/003.jpg" alt="">
								       <img src="../../images/qian/jiemian/004.jpg" alt="">
								   </div> 
								   <ul class="page" id="page" >
								       <li class="active"></li>
								       <li></li>
								       <li></li>
								       <li></li>
								   </ul>
								   <div id="shang">
								   	<button id="prev">上一张</button>
								   </div>
								   <div id="xia">
									 <button id="next">下一张</button>
								   </div>
					</div>
				</div>
				<div class="box7">
					<div id="tb1">
						<a href="javascript:void(0)"><h2>申报入口</h2></a>
						<input type="image" src="../../images/qian/jiemian/tu1.png" id="tb4"/>
					</div>
					<div id="tb2">
						<a href="javascript:void(0)"><h2>办事指南</h2></a>
						<input type="image" src="../../images/qian/jiemian/tu2.png" id="tb3"/>
					</div>
					<div id="tb5">
						<div id="tb6">
							<a href="javascript:void(0)">常见问题</a>
							<a href="javascript:void(0)">更多</a>
						</div>
						<div id="tb7">
							<ul>
							  <li>关于质押项目代码以及质押项目申报</li>
							  <li>获得项目代码后多长时间能在重大项目库里校验通过?</li>
							  <li>如何查询动产质押合同办理进度以及报送动产信息？</li>
							  <li>我为什么收不到提醒短信？</li>
							  <li>备案时系统提示“该合同已存在”怎么办?</li>
							  <li>关于动态资产投资信息统计</li>
							  <li>我为什么收不到提醒短信？</li>
							  <li>备案时系统提示“该合同已存在”怎么办?</li>
							  <li>关于动态资产投资信息统计</li>
							</ul>
						</div>	
					</div>
					<div id="tb8">
						<div id="tb9"><h2>动产查询</h2></div>
						<div id="tb10">
							<div class="top">
								<ul id="ul1">
								<li class="hover" onMouseOver="setTab(1,0)">快速查询</li>
							    <li onMouseOver="setTab(1,1)">账号密码查询</li>
								</ul>
							</div>
							<div class="buttom" id="but1">
							<div class="block">
									<dt class="nr">
										<br><br>
								<input type="text" name="" value="" class="ipt1" size="30" placeholder="支持合同号登录"><br><br>
								<input type="password" name="" value="" class="ipt2" size="30" placeholder="身份码"><br><br><br><br>
								<input type="submit" name="submit" value="查&nbsp;&nbsp;询" class="ipt4"><br><br>
									</dt>
							</div>
							<div class="buttom2">
									<dt class="nr">
										<br><br>
								<input type="text" name="" value="" class="ipt1" placeholder="支持平台ID账号/手机号登录"><br><br>
								<input type="password" name="" value="" class="ipt2" placeholder="密码"><br><br>
								<input type="checkbox" name="" value="" class="ipt3">&nbsp;&nbsp;<a href="javascript:void(0)">下次自动登录</a><br><br>
								<input type="submit" name="submit" value="查&nbsp;&nbsp;询" class="ipt4"><br><br>
									</dt>
							</div>
							</div>
							<div class="footer">
								<span class="sp3">
								<a href="javascript:void(0)">忘记密码？</a>&nbsp;&nbsp;
								<a href="javascript:void(0)">注册新账号</a>&nbsp;&nbsp;
								<a href="javascript:void(0)">意见反馈</a>
							</span>
							</div>
						</div>
					</div>
					<div class="box9">
						<div id="n2">
							<h2>抵押办理结果公示</h2>
						</div>
						<div id="n1">
							
							<form action="">
								<select name="downlist" id="n3">
								    <option>大型抵押项目合同</option>
								    <option>中型抵押项目合同</option>
								    <option>小型抵押项目合同</option>
								    
								</select>
								<input type="text" name="" value="" class="ipt1" size="30" id="n4" placeholder="合同名称/合同代码">
								<input type="text" name="" value="" class="ipt2" size="20" id="n5" placeholder="验证码">
								<button type="button" id="btn">结果查询</button>
								<br>
								<br>
								<input type="text" name="" value=""  size="25" id="n6" placeholder="审批事项">
								<input type="text" name="" value=""  size="25" id="n7" placeholder="审批部门">
								<select name="downlist" id="n8" >
								    <option>全部</option>
								    <option>通过</option>
								    <option>不通过</option>
								    <option>不予受理</option>
								    <option>其他</option>
								</select>
								<input type="date" id="n9">
							</form>
						</div>
					</div>
				</div>
				<div class="box10">
					<h2>查询参考[注:非真实信息]</h2>
				</div>
				<div class="box8" >
					<iframe src="fenye.html" style="width:100%;height:450px;border: none;"></iframe> 
				</div>
				<div class="foot"></div>
			</div>
		</div>
	</body>
	 <script type="text/javascript">
		       /*
		        绝对定位 -- 摞起来
		        通过下标 -- 显示当前 --其他兄弟 隐藏
		      */
		        
		            var index=0;
		             // 移动方法
		            function move(){
		                index++;
		                if (index>=$("#lunbo2 img").length) {
		                    index=0;
		                }
		                $("#lunbo2 img").eq(index).show().siblings().hide();
		                $("#page li").eq(index).addClass("active").siblings().removeClass("active");
		            }
		            //计时器的实现方法
		            var t=setInterval(move,2000);
		            //鼠标移动到图片会停止离开继续轮播
		            $("#lunbo2").hover(function(){
		                clearInterval(t)
		            },function(){
		                t=setInterval(move,2000)
		            })
		
		            $("#page li").click(function(){
		                index= $(this).index() ;
		                $("#lunbo2 img").eq(index).show().siblings().hide();
		                $("#page li").eq(index).addClass("active").siblings().removeClass("active");
		            })
		            //下一张的点击
		            $("#next").click(function(){
		                move();
		            })
		            //上一张的点击
		            $("#prev").click(function(){
		                index--;
		                // 判断如果下标超过固有图片的数量时，从头开始轮播
		                if (index<0) {
		                    index=$("#lunbo2 img").length-1;
		                }
		                $("#lunbo2 img").eq(index).show().siblings().hide();
		                $("#page li").eq(index).addClass("active").siblings().removeClass("active");
		            })
		
	
	</script> 
</html>
